<template>
    <view>
        <a-video ref="video" :videoUrl="info.tplParams.videoUrl" :audioUrl="info.tplParams.audioUrl"></a-video>
        <view class="b-info">
            <text class="b-name">{{info.name}}</text>
            <text class="b-desc">{{info.desc}}</text>
            <text class="b-time">{{info.createTime}}</text>
        </view>
        <view class="divider"></view> 
        <empty tips="暂无详情" :isLoading="false"></empty>
    </view>
</template>

<script>
    import AVideo from '@/components/a-video/index.vue'
    import Empty from '@/components/empty'
    export default{
        components:{
            AVideo,
            Empty
        },
        props:['info'],
        mounted() {
            this.$refs.video.init()
        }
    }
</script>

<style scoped lang="scss">
    .divider{
        height: 10px;
        // width: 80%;
        margin: 5px auto;
        background-color: #f5f5f5;
    }
    .b-info{
        padding: 20px;
        .b-name,.b-desc,.b-time{
            display: block;
        }
        .b-name{
            font-weight: bold;
            font-size: 1.3rem;
        }
        .b-time{
            color:#808080;
            text-align: right;
        }
    }
</style>